﻿<!DOCTYPE html>
<html lang="en">
<?php
// 启动会话
session_start();
?>

<script>
    // function userIsLoggedIn() {
    //     // 在这里实现用户登录状态的检查逻辑
    //     // 返回值为布尔值，true 表示用户已登录，false 表示用户未登录
    //     // 示例：检查用户是否具有有效的登录凭据
    //     // 这里改为检查会话中的登录状态
    //     return <?php echo isset($_SESSION['loggedin']) && $_SESSION['loggedin'] ? 'true' : 'false'; ?>;
    // }

    // // 在页面加载时检查用户登录状态
    // window.addEventListener('DOMContentLoaded', function() {
    //     if (!userIsLoggedIn()) {
    //         window.location.href = 'Login.php'; // 请将 'login.html' 替换为您实际的登录页面路径
    //     }
    // });
    // // 监听点击事件，无论点击哪里都跳转到登录页面
    // document.addEventListener('click', function(event) {
    //     window.location.href = 'Login.php'; // 请将 'login.html' 替换为您实际的登录页面路径
    // });

    // 检查用户登录状态
    function userIsLoggedIn() {
        // 在此处实现用户登录状态的检查逻辑
        // 返回值为布尔值，true 表示用户已登录，false 表示用户未登录
        // 示例：检查会话中的登录状态
        return <?php echo isset($_SESSION['loggedin']) && $_SESSION['loggedin'] ? 'true' : 'false'; ?>;
    }

    // 在页面加载时检查用户登录状态
    window.addEventListener('DOMContentLoaded', function() {
        if (!userIsLoggedIn()) {
            // 用户未登录时，禁用页面上的所有可点击元素
            var clickableElements = document.querySelectorAll('a, button, input[type="button"], input[type="submit"]');
            clickableElements.forEach(function(element) {
                element.disabled = true;
                element.style.pointerEvents = "none";
            });
        }
    });

    // 监听点击事件
    document.addEventListener('click', function(event) {
        if (!userIsLoggedIn()) {
            event.preventDefault(); // 阻止默认行为
            window.location.href = 'Login.php'; // 请将 'Login.php' 替换为您实际的登录页面路径
        }
    });
</script>

<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">

    <!-- ========== SEO ========== -->
    <title>Home</title>
    <meta content="" name="description">
    <meta content="" name="keywords">
    <meta content="" name="author">

    <!-- ========== FAVICON ========== -->
    <link rel="apple-touch-icon-precomposed" href="images/favicon-apple.png" />
    <link rel="icon" href="images/favicon.png">

    <!-- ========== STYLESHEETS ========== -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="revolution/css/layers.css" rel="stylesheet" type="text/css" />
    <link href="revolution/css/settings.css" rel="stylesheet" type="text/css" />
    <link href="revolution/css/navigation.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap-select.min.css" rel="stylesheet" type="text/css">
    <link href="css/animate.min.css" rel="stylesheet" type="text/css">
    <link href="css/famfamfam-flags.css" rel="stylesheet" type="text/css">
    <link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
    <link href="css/owl.carousel.min.css" rel="stylesheet" type="text/css">
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="css/responsive.css" rel="stylesheet" type="text/css">

    <!-- 服务于日期选择器的css -->
    <link rel="stylesheet" href="css/bootstrap-datepicker.css">

    <!-- ========== ICON FONTS ========== -->
    <link href="fonts/font-awesome.min.css" rel="stylesheet">
    <link href="fonts/flaticon.css" rel="stylesheet">

    <!-- ========== GOOGLE FONTS ========== -->
    <link href="./css/fonts.googleapis.comcss.css" rel="stylesheet">
</head>

<body>

    <!-- ========== PRELOADER ========== -->
    <div id="loading">
        <div class="inner">
            <div class="loading_effect">
                <div class="object" id="object_one"></div>
                <div class="object" id="object_two"></div>
                <div class="object" id="object_three"></div>
            </div>
        </div>
    </div>

    <div class="wrapper">

        <!-- ========== 最顶部一行菜单  TOP MENU ========== -->
        <div class="top_menu transparent hidden-xs">
            <div class="container">
                <ul class="top_menu_right">
                    <li><i class="fa fa-phone"></i><a href="tel:18475555555"> +86-153-033-038 </a></li>
                    <li class="email"><i class="fa fa-envelope-o"></i> <a href="mailto:contact@site.com">contact@site.com</a></li>
                    <li class="language-switcher">
                        <nav class="dropdown">
                            <a href="#" class="dropdown-toggle select" data-hover="dropdown" data-toggle="dropdown">
                                <i class="famfamfam-flag-cn"></i>中国<b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="#"><i class="famfamfam-flag-us"></i>美国</a></li>
                                <li><a href="#"><i class="famfamfam-flag-de"></i>德国</a></li>
                                <li><a href="#"><i class="famfamfam-flag-jp"></i>日本</a></li>
                                <li><a href="#"><i class="famfamfam-flag-ru"></i>俄罗斯</a></li>
                                <li><a href="#"><i class="famfamfam-flag-fr"></i>法国</a></li>
                                <li><a href="#"><i class="famfamfam-flag-no"></i>挪威</a></li>
                                <li><a href="#"><i class="famfamfam-flag-sg"></i>新加坡</a></li>
                                <li><a href="#"><i class="famfamfam-flag-cn"></i>中国</a></li>
                            </ul>
                        </nav>
                    </li>
                    <?php if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] === true) : ?>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-hover="dropdown"><i class="fa fa-user"></i> 欢迎，<?php echo $_SESSION['username']; ?></a>
                        </li>
                        <li><a href="logout.php"><i class="fa fa-sign-out"></i>退出</a></li>
                    <?php else : ?>
                        <li><a href="login.php">登录</a></li>
                        <li><a href="login.php">注册</a></li>
                    <?php endif; ?>
                    <!-- <li><a href="backend01.php">酒店后台</a></li> -->
                    <?php if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] === true && $_SESSION['role'] !== "顾客") : ?>
                        <li><a href="backend01.php">酒店后台</a></li>
                    <?php endif; ?>
                </ul>
            </div>
        </div>


        <!-- ========== 页眉(头部)  HEADER  ========== -->
        <header class="fixed transparent">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle mobile_menu_btn" data-toggle="collapse" data-target=".mobile_menu" aria-expanded="false">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand light" href="index.php">
                        <img src="images/logo_light.svg" height="32" alt="Logo">
                    </a>
                    <a class="navbar-brand dark nodisplay" href="index.php">
                        <img src="images/logo.svg" height="32" alt="Logo">
                    </a>
                </div>
                <nav id="main_menu" class="mobile_menu navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="index.php" class="navbar-link">首页</a></li>
                        <li><a href="about-us.php" class="navbar-link">关于我们</a></li>
                        <li><a href="room.php" class="navbar-link">客房</a></li>
                        <li><a href="rooms-list.php" class="navbar-link">客房列表</a></li>
                        <li><a href="contact.php" class="navbar-link">联系我们</a></li>
                        <li><a href="blog.php" class="navbar-link">博客</a></li>
                    </ul>
                </nav>
            </div>
        </header>

        <!-- ========== REVOLUTION SLIDER ========== -->
        <div id="hero" class="rev_slider gradient_slider" style="display:none">
            <ul>

                <li data-index="rs-214" data-delay="1000" data-transition="fade" data-slotamount="7" data-easein="default" data-easeout="default" data-masterspeed="100" data-rotate="0" data-saveperformance="off" data-title="Slide" data-description="">
                    <!-- IMAGE -->
                    <img src="images/slider/hero.jpg" alt="Image" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5" class="rev-slidebg" data-no-retina>
                    <!-- LAYER NR. 1 -->
                    <div class="tp-caption" data-x="['left','left','left','center']" data-hoffset="['15','15','15','0']" data-y="['190','200','200','200']" data-responsive_offset="on" data-fontsize="['32','22','22','18']" data-lineheight="['40','28','28','22']" data-whitespace="nowrap" data-frames='[{"delay":0,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' style="color: #fff; font-weight: 700; font-family: 'Raleway', sans-serif;; ">欢迎来到青云庭院,
                        <span id="text_rotating">创造独特的体验, 现代化的设计和装饰, 拥有中国传统美食</span>
                    </div>
                    <!-- LAYER NR. 2 -->
                    <div class="tp-caption tp_m_title" data-visibility="['on','on','off','off']" data-x="['left','left','left','left']" data-hoffset="['15','15','15','15']" data-y="['280','middle','middle','middle']" data-voffset="['-60','-60','-60','-60']" data-fontsize="['24','24','18','18']" data-lineheight="['28','28','23','23']" data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"}]'>
                        <i class="fa fa-star-o"></i>
                    </div>
                    <!-- LAYER NR. 3 -->
                    <div class="tp-caption tp_m_title" data-visibility="['on','on','off','off']" data-x="['left','left','left','left']" data-hoffset="['55','45','45','45']" data-y="['280','middle','middle','middle']" data-voffset="['-60','-60','-60','-60']" data-responsive_offset="on" data-fontsize="['24','24','18','18']" data-lineheight="['28','28','23','23']" data-frames='[{"delay":1150,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"}]'>
                        <i class="fa fa-star-o"></i>
                    </div>
                    <!-- LAYER NR. 4 -->
                    <div class="tp-caption tp_m_title" data-visibility="['on','on','off','off']" data-x="['left','left','left','left']" data-hoffset="['95','75','75','75']" data-y="['280','middle','middle','middle']" data-voffset="['-60','-60','-60','-60']" data-responsive_offset="on" data-fontsize="['24','24','18','18']" data-lineheight="['28','28','23','23']" data-frames='[{"delay":1300,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"}]'>
                        <i class="fa fa-star-o"></i>
                    </div>
                    <!-- LAYER NR. 5 -->
                    <div class="tp-caption tp_m_title" data-visibility="['on','on','off','off']" data-x="['left','left','left','left']" data-hoffset="['135','105','105','105']" data-y="['280','middle','middle','middle']" data-voffset="['-60','-60','-60','-60']" data-responsive_offset="on" data-fontsize="['24','24','18','18']" data-lineheight="['28','28','23','23']" data-frames='[{"delay":1450,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"}]'>
                        <i class="fa fa-star-o"></i>
                    </div>
                    <!-- LAYER NR. 6 -->
                    <div class="tp-caption tp_m_title" data-visibility="['on','on','off','off']" data-x="['left','left','left','left']" data-hoffset="['175','135','135','135']" data-y="['280','middle','middle','middle']" data-voffset="['-60','-60','-60','-60']" data-responsive_offset="on" data-fontsize="['24','24','18','18']" data-lineheight="['28','28','23','23']" data-frames='[{"delay":1600,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"}]'>
                        <i class="fa fa-star-o"></i>
                    </div>
                    <!-- LAYER NR. 7 -->
                    <div class="tp-caption tp_m_title" data-visibility="['on','on','off','off']" data-x="left" data-hoffset="['215','175','175','175']" data-y="['280','middle','middle','middle']" data-voffset="['-60','-60','-60','-60']" data-responsive_offset="on" data-fontsize="['30','30','25','25']" data-lineheight="['30','30','25','25']" data-frames='[{"delay":1750,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"}]'>
                        星级豪华酒店
                    </div>
                    <!-- LAYER NR. 8 -->
                    <div class="tp-caption tp_s_title" data-visibility="['on','on','on','off']" data-x="['left','left','left','left']" data-hoffset="['15','15','15','15']" data-y="['350','middle','top','top']" data-voffset="['50','50','300','300']" data-responsive_offset="on" data-fontsize="['20','20','20','15']" data-lineheight="['20','20','20','15']" data-frames='[{"delay":2000,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"}]'>
                        <i class="fa fa-check-square-o"></i> 现代客房和宽敞套房
                    </div>
                    <!-- LAYER NR. 9 -->
                    <div class="tp-caption tp_s_title" data-visibility="['on','on','on','off']" data-x="['left','left','left','left']" data-hoffset="['15','15','15','15']" data-y="['400','middle','top','top']" data-voffset="['80','100','350','350']" data-responsive_offset="on" data-fontsize="['20','20','20','15']" data-lineheight="['20','20','20','15']" data-frames='[{"delay":2200,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"}]'>
                        <i class="fa fa-check-square-o"></i> 传统特色美食和极致餐饮体验
                    </div>
                    <!-- LAYER NR. 10 -->
                    <div class="tp-caption tp_s_title" data-visibility="['on','on','on','off']" data-x="['left','left','left','left']" data-hoffset="['15','15','15','15']" data-y="['450','middle','top','top']" data-voffset="['110','150','400','400']" data-responsive_offset="on" data-fontsize="['20','20','20','15']" data-lineheight="['20','20','20','15']" data-frames='[{"delay":2400,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"}]'>
                        <i class="fa fa-check-square-o"></i> 家庭间每晚128元起
                    </div>
                    <!-- LAYER NR. 11 -->
                    <div class="tp-caption f_item" data-visibility="['on','off','off','off']" data-x="['left','left','left','left']" data-hoffset="['15','15','15','15']" data-y="['610','610','610','610']" data-voffset="" data-responsive_offset="on" data-frames='[{"delay":3000,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"}]'>
                        <div class="icon_box">
                            <i class="fa fa-wifi"></i>
                        </div>
                        <div class="text_box p-2">
                            享受免费 WI-FI
                            <span>在整个酒店</span>
                        </div>
                    </div>
                    <!-- LAYER NR. 12 -->
                    <div class="tp-caption f_item" data-visibility="['on','off','off','off']" data-x="['left','left','left','left']" data-hoffset="['265','265','265','265']" data-y="['610','610','610','610']" data-voffset="" data-responsive_offset="on" data-frames='[{"delay":3000,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"}]'>
                        <div class="icon_box">
                            <i class="fa fa-television"></i>
                        </div>
                        <div class="text_box p-2">
                            极致观影体验
                            <span>免费有线电视</span>
                        </div>
                    </div>
                    <!-- LAYER NR. 13 -->
                    <div class="tp-caption f_item" data-visibility="['on','off','off','off']" data-x="['left','left','none','left']" data-hoffset="['515','515','515','515']" data-y="['610','610','610','610']" data-voffset="" data-responsive_offset="on" data-frames='[{"delay":3000,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"}]'>
                        <div class="icon_box">
                            <i class="flaticon-tool"></i>
                        </div>
                        <div class="text_box p-2">
                            星级酒吧和餐厅
                            <span>开怀畅饮</span>
                        </div>
                    </div>
                    <!-- LAYER NR. 14 -->
                    <div class="tp-caption" data-x="['right','right','center','center']" data-hoffset="['15','15','0','0']" data-y="['200','middle','bottom','bottom']" data-voffset="['','50','50','']" data-width="[368, 368, 768, 480]" data-height="[auto, auto, auto, auto]" data-frames='[{"delay":3000,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"}]' style="z-index: 99;">
                        <!-- ========== BOOKING FORM ========== -->
                        <div class="vbf">
                            <h2 class="form_title"><i class="fa fa-calendar"></i> 在线预订</h2>
                            <form id="booking-form" class="inner">
                                <!-- 第一层 -->
                                <div class="form-group">
                                    <input class="form-control" id="customerName" name="booking-name" placeholder="输入您的姓名" type="text">
                                </div>
                                <!-- 第二层 -->
                                <div class="form-group">
                                    <input class="form-control" id="customerPhone" name="booking-phone" placeholder="输入您的电话" type="text">
                                </div>
                                <!-- 第三层 -->
                                <div class="form-group col-md-6 col-sm-6 col-xs-12 nopadding">
                                    <div class="form_select">
                                        <select name="booking-roomtype" id="roomType" class="form-control md_noborder_right" title="选择房间类型">
                                            <option value="单人间">单人间</option>
                                            <option value="双人间">双人间</option>
                                            <option value="豪华大床房">豪华大床房</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group col-md-6 col-sm-6 col-xs-12 nopadding">
                                    <div class="form_select">
                                        <select name="booking-roomtype" id="roomCount" class="form-control md_noborder_right" title="预定房间数量">
                                            <option value="1">共1间</option>
                                            <option value="2">共2间</option>
                                            <option value="3">共3间</option>
                                            <option value="4">共4间</option>
                                        </select>
                                    </div>
                                </div>
                                <!-- 第四层 -->
                                <div class="form-group col-md-6 col-sm-6 col-xs-12 nopadding">
                                    <div class="form_select">
                                        <select name="booking-adults" id="adultCount" class="form-control md_noborder_right" title="大人">
                                            <option value="0">0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group col-md-6 col-sm-6 col-xs-12 nopadding">
                                    <div class="form_select">
                                        <select name="booking-children" id="childCount" class="form-control" title="孩子">
                                            <option value="0">0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-3" style="margin-top: 10px;">
                                        <label for="inputDate1" class="col-form-label pt-1">入住时间</label>
                                    </div>
                                    <div class="col-sm-9">
                                        <input type="date" class="form-control" id="checkinDate" name="checkin_at1">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-3" style="margin-top: 10px;">
                                        <label for="inputDate2" class="col-form-label">离开时间</label>
                                    </div>
                                    <div class="col-sm-9">
                                        <input type="date" class="form-control" id="checkoutDate" name="checkout_at1">
                                    </div>
                                </div>
                                <button class="button btn_lg btn_blue btn_full" id="addBookingButton" type="submit">预订房间</button>
                                <div class="a_center mt10">
                                    <a href="booking-form.php" class="a_b_f">高级预订表格</a>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!-- LAYER NR. 15 -->
                    <div class="tp-caption" data-visibility="['on','on','off','off']" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:500;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="8000" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"scrollbelow","offset":"px"}]' data-responsive_offset="on" data-startslide="0" data-endslide="2" style="z-index: 11; white-space: nowrap; font-size: 22px; line-height: 30px; font-weight: 400; color: rgba(245, 245, 245, 1.00);text-transform:left;cursor:pointer;">
                        <div class="rs-looped rs-slideloop" data-easing="Power2.easeInOut" data-speed="1" data-xs="0" data-xe="0" data-ys="-5" data-ye="5"><i class="fa fa-angle-down"></i></div>
                    </div>
                </li>
            </ul>
        </div>

        <!-- ========== FAVORITE ROOMS ========== -->
        <section class="white_bg" id="rooms">
            <div class="container">
                <div class="main_title mt_wave a_center">
                    <h2>我们的房间</h2>
                </div>
                <p class="main_description a_center" style="text-align: justify !important;">
                    <span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
                    欢迎光临我们酒店，让我们向您介绍我们精心设计的客房。每个客房都以独特的主题打造，为您带来独特而难忘的入住体验。
                    步入每一间客房，您将被细致的细节和时尚的设计所震撼。我们的客房以现代而舒适的氛围为特色，精心挑选的家具和柔软的床品将为您提供绝佳的舒适度。无论是商务旅行，还是休闲度假，您都会在这里找到理想的空间。
                    从浪漫的海滩主题到迷人的都市风格，每个房间都展现了我们对细节的执着追求。设备齐全的现代化浴室和方便的客房设施，将确保您享受到便利和舒适。无论是从房间的落地窗享受到的壮丽景色，还是房间里的私人阳台，您可以尽情欣赏到迷人的景色。
                    我们客房的每一寸空间都经过精心布置，旨在为您创造一个温馨而放松的环境。我们诚邀您来体验我们独特的客房，尽情享受舒适与奢华的结合。无论是浪漫夜晚还是宁静早晨，我们的客房将成为您放松身心、重拾活力的理想之地。
                    不论您是来自何方，我们的客房都将以温暖和舒适的氛围迎接您。请您预订入住，来体验我们独特的客房，为您的旅行增添更多美好回忆。
                </p>
                <div class="row">
                    <div class="col-md-4">
                        <article class="room">
                            <figure>
                                <div class="price">159￥ <span>/ 晚</span></div>
                                <a class="hover_effect h_blue h_link" href="room.php">
                                    <img src="images/rooms/single-room.jpg" class="img-responsive" alt="Image">
                                </a>
                                <figcaption>
                                    <h4><a href="room.php">单人间</a></h4>
                                    <span class="f_right"><a href="rooms-list.php" class="button btn_sm btn_blue">详细信息</a></span>
                                </figcaption>
                            </figure>
                        </article>
                    </div>
                    <div class="col-md-4">
                        <article class="room">
                            <figure>
                                <div class="price">129￥ <span>/ 晚</span></div>
                                <a class="hover_effect h_blue h_link" href="room.php">
                                    <img src="images/rooms/double-room.jpg" class="img-responsive" alt="Image">
                                </a>
                                <figcaption>
                                    <h4><a href="room.php">双人间</a></h4>
                                    <span class="f_right"><a href="room.php" class="button btn_sm btn_blue">详细信息</a></span>
                                </figcaption>
                            </figure>
                        </article>
                    </div>
                    <div class="col-md-4">
                        <article class="room">
                            <figure>
                                <div class="price"> 189￥ <span>/ 晚</span></div>
                                <a class="hover_effect h_blue h_link" href="room.php">
                                    <img src="images/rooms/deluxe-room.jpg" class="img-responsive" alt="Image">
                                </a>
                                <figcaption>
                                    <h4><a href="room.php">豪华房</a></h4>
                                    <span class="f_right"><a href="room.php" class="button btn_sm btn_blue">详细信息</a></span>
                                </figcaption>
                            </figure>
                        </article>
                    </div>
                </div>
                <div class="mt40 a_center">
                    <a class="button btn_sm btn_yellow" href="rooms-list.php">查看更多房间</a>
                </div>
            </div>
        </section>

        <!-- ========== FEATURES ========== -->
        <section class="lightgrey_bg" id="features">
            <div class="container">
                <div class="main_title mt_wave a_center">
                    <h2>我们出色的服务</h2>
                </div>
                <p class="main_description a_center" style="text-align: justify !important;">
                    <span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
                    我们骄傲地提供出色的服务，让您的入住体验超出期望。无论您是商务旅行还是休闲度假，我们的优质服务团队始终随时待命，为您提供周到的照顾和个性化的服务。
                    从您抵达时的热情迎接，到入住期间的关怀呵护，我们致力于确保您的每一个需求得到满足。我们的员工经过专业培训，充满热情和乐于助人的态度，将为您提供专业而友善的服务。
                    在我们的服务中心，您将找到一个充满善意的微笑和热情的工作人员队伍。无论您需要关于旅游景点、餐厅推荐或其他需求，我们热忱的员工将竭诚为您提供帮助和建议，确保您充分享受您的住宿。
                    我们致力于超越您的期望，以确保您的满意和舒适。无论是提前安排出行细节，还是解决临时问题，我们的服务团队将全心全意为您提供卓越的服务，让您的住宿体验成为一段难忘的回忆。
                    选择我们的酒店，除了高品质的住宿环境外，您还将享受到我们无与伦比的服务。我们热切期待能为您打造出一段完美的旅程，让您感受到我们诚挚关怀和专注细节的服务。
                </p>
                <div class="row">
                    <div class="col-md-7" style="margin-top: 30px;">
                        <div data-slider-id="features" id="features_slider" class="owl-carousel">
                            <div><img src="images/restaurant.jpg" class="img-responsive" alt="Image"></div>
                            <div><img src="images/spa.jpg" class="img-responsive" alt="Image"></div>
                            <div><img src="images/conference.jpg" class="img-responsive" alt="Image"></div>
                            <div><img src="images/swimming.jpg" class="img-responsive" alt="Image"></div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="owl-thumbs" data-slider-id="features">
                            <div class="owl-thumb-item">
                                <span class="media-left"><i class="flaticon-food"></i></span>
                                <div class="media-body">
                                    <h5>食物</h5>
                                    <p>我们酒店提供精致而多样化的美食选择，让您的味蕾得到极致享受。从传统的本地美食到国际佳肴，我们的厨师团队用新鲜的食材和精湛的烹饪技艺，为您带来独特的美食体验。
                                    </p>
                                </div>
                            </div>
                            <div class="owl-thumb-item">
                                <span class="media-left"><i class="flaticon-person"></i></span>
                                <div class="media-body">
                                    <h5>Spa - 美容 &amp; 健康</h5>
                                    <p>我们的Spa注重美容和健康,为您提供全面的放松和恢复体验。在舒适的环境中,您可以享受各种护理和按摩疗程,舒缓身心,焕发活力,让您焕然一新。</p>
                                </div>
                            </div>
                            <div class="owl-thumb-item">
                                <span class="media-left"><i class="flaticon-business"></i></span>
                                <div class="media-body">
                                    <h5>会议室</h5>
                                    <p>我们提供现代化的会议室设施，满足您的各类商务需求。宽敞明亮的空间，高品质的音视频设备和无线网络，为您的会议活动提供便利和高效性。</p>
                                </div>
                            </div>
                            <div class="owl-thumb-item">
                                <span class="media-left"><i class="flaticon-beach"></i></span>
                                <div class="media-body">
                                    <h5>游泳池</h5>
                                    <p>我们的游泳池是一个绝佳的休闲场所，供您在清澈的水中放松身心。宽敞的设计和令人耳目一新的景观，为您提供了一个舒适的环境来游泳和嬉水。</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ========== BLOG ========== -->
        <section id="blog">
            <div class="container">
                <div class="main_title mt_wave a_center">
                    <h2>近期动态</h2>
                </div>
                <p class="main_description a_center" style="text-align: justify !important;">
                    近期，我们酒店推出了全新的特惠套餐，让您在舒适豪华的住宿中享受更多优惠和额外福利。同时，我们也引进了新的健身设施和活动，为您提供更多选择来保持健康和活力。无论是商务旅行还是休闲度假，我们的酒店都在不断努力提升服务质量和客户体验，为您带来最好的住宿体验。
                </p>

                <div class="row">
                    <!-- ITEM -->
                    <div class="col-md-6 col-sm-6">
                        <article class="blog_item">
                            <div class="row">
                                <div class="col-lg-5 col-md-12">
                                    <figure>
                                        <a href="blog-post.php" class="hover_effect h_blue h_link"><img src="images/blog/latest_news1.jpg" class="img-responsive" alt="Image"></a>
                                    </figure>
                                </div>
                                <div class="col-lg-7 col-md-12">
                                    <div class="main">
                                        <h3><a href="blog-post.php">在希腊实现你的神话</a></h3>
                                        <p>在希腊，沐浴在阳光下的海滩，感受神话般的美食和文化。</p>
                                        <a href="blog-post.php" class="button btn_xs btn_blue">Read More</a>
                                        <div class="info">
                                            <i class="fa fa-user" aria-hidden="true"></i><a href="#">JOHN DOE</a>
                                            <i class="fa fa-calendar" aria-hidden="true"></i><a href="#">AUGUST 13,
                                                2023</a>
                                            <i class="fa fa-comment-o" aria-hidden="true"></i><a href="#">4条评论</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </article>
                    </div>
                    <!-- ITEM -->
                    <div class="col-md-6 col-sm-6">
                        <article class="blog_item">
                            <div class="row">
                                <div class="col-lg-5 col-md-12">
                                    <figure>
                                        <a href="blog-post.php" class="hover_effect h_blue h_link"><img src="images/blog/latest_news2.jpg" class="img-responsive" alt="Image"></a>
                                    </figure>
                                </div>
                                <div class="col-lg-7 col-md-12">
                                    <div class="main">
                                        <h3><a href="blog-post.php">青云酒店</a></h3>
                                        <p>青云酒店是一家奢华而现代的酒店，提供一流的服务和精心设计的客房。</p>
                                        <a href="blog-post.php" class="button btn_xs btn_blue">阅读更多</a>
                                        <div class="info">
                                            <i class="fa fa-user" aria-hidden="true"></i><a href="#">JOHN DOE</a>
                                            <i class="fa fa-calendar" aria-hidden="true"></i><a href="#">AUGUST 16,
                                                2023</a>
                                            <i class="fa fa-comment-o" aria-hidden="true"></i><a href="#">6 条评论</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </article>
                    </div>
                    <!-- ITEM -->
                    <div class="col-md-6 col-sm-6">
                        <article class="blog_item">
                            <div class="row">
                                <div class="col-lg-5 col-md-12">
                                    <figure>
                                        <a href="blog-post.php" class="hover_effect h_blue h_link"><img src="images/blog/latest_news3.jpg" class="img-responsive" alt="Image"></a>
                                    </figure>
                                </div>
                                <div class="col-lg-7 col-md-12">
                                    <div class="main">
                                        <h3><a href="blog-post.php">家庭聚会</a></h3>
                                        <p>家庭聚会是一种珍贵的时刻，让亲人们聚在一起，分享快乐和温馨的时刻。</p>
                                        <a href="blog-post.php" class="button btn_xs btn_blue">Read More</a>
                                        <div class="info">
                                            <i class="fa fa-user" aria-hidden="true"></i><a href="#">JOHN DOE</a>
                                            <i class="fa fa-calendar" aria-hidden="true"></i><a href="#">SEPTEMBER 25,
                                                2022</a>
                                            <i class="fa fa-comment-o" aria-hidden="true"></i><a href="#">3 条评论</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </article>
                    </div>
                    <!-- ITEM -->
                    <div class="col-md-6 col-sm-6">
                        <article class="blog_item">
                            <div class="row">
                                <div class="col-lg-5 col-md-12">
                                    <figure>
                                        <a href="blog-post.php" class="hover_effect h_blue h_link"><img src="images/blog/latest_news4.jpg" class="img-responsive" alt="Image"></a>
                                    </figure>
                                </div>
                                <div class="col-lg-7 col-md-12">
                                    <div class="main">
                                        <h3><a href="blog-post.php">婚礼</a></h3>
                                        <p>婚礼是两个人的爱情和承诺的庄重仪式，象征着他们的结合和完整。</p>
                                        <a href="blog-post.php" class="button btn_xs btn_blue">Read More</a>
                                        <div class="info">
                                            <i class="fa fa-user" aria-hidden="true"></i><a href="#">JOHN DOE</a>
                                            <i class="fa fa-calendar" aria-hidden="true"></i><a href="#">OCTOBER 20,
                                                2021</a>
                                            <i class="fa fa-comment-o" aria-hidden="true"></i><a href="#">0 条评论</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
        </section>

        <!-- ========== VIDEO ========== -->
        <section id="video">
            <div class="inner gradient_overlay">
                <div class="container">
                    <div class="video_popup">
                        <a class="popup-vimeo" href="videos/hero_video.mp4"><i class="fa fa-play"></i></a>
                    </div>
                </div>
            </div>
        </section>

        <!-- ========== TESTIMONIALS ========== -->
        <section id="testimonials" class="lightgrey_bg">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="main_title mt_wave a_left">
                            <h2>我们快乐的客户</h2>
                        </div>
                        <p class="main_description">
                            我们的快乐客户是我们工作的动力和骄傲。他们是我们不断努力提供优质产品和服务的原因。每一位客户的满意和快乐是我们最大的成就和奖励。与他们建立长久的合作关系，我们感到荣幸和满足。他们的支持和信任让我们有信心继续为他们提供最好的体验。感谢每一位快乐的客户，您的笑容和满意是我们最大的动力。我们将继续努力不懈，为您带来更多美好的时刻和服务。
                            <br><br>
                            我们非常感激每一位快乐的客户，因为您的支持和反馈是我们不断进步和创新的动力。您的满意度是我们努力追求的目标，无论是产品质量、服务态度还是购物体验，我们始终保持着最高标准。我们不仅仅是一家提供产品和服务的公司，更是您值得信赖和依靠的伙伴。我们与您共同成长，始终努力超越期望，为您创造更多快乐和美好的时刻。
                        </p>
                    </div>

                    <div class="col-md-6">
                        <div id="testimonials_slider" class="owl-carousel">
                            <!-- ITEM -->
                            <div class="item">
                                <img src="images/users/user1.jpg" alt="Image">
                                <div class="review_content">
                                    <p>我们与您共同成长，始终努力超越期望，为您创造更多快乐和美好的时刻。感谢您对我们的支持，我们期待与您继续携手前行，共同打造更美好的未来。</p>
                                    <div class="review_rating">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star-o" aria-hidden="true"></i>
                                    </div>
                                    <div class="review_author">John Doe, Greece</div>
                                </div>
                            </div>
                            <!-- ITEM -->
                            <div class="item">
                                <img src="images/users/user2.jpg" alt="Image">
                                <div class="review_content">
                                    <p>在我们心中，每一位客户都是独一无二的，我们将您的需求和期望放在首位，并竭尽全力为您提供卓越的产品和服务。我们时刻聆听您的声音，通过不断改进和创新来满足您的需求。
                                    </p>
                                    <div class="review_rating">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                    </div>
                                    <div class="review_author">Ina Aldrich, Greece</div>
                                </div>
                            </div>
                            <!-- ITEM -->
                            <div class="item">
                                <img src="images/users/user3.jpg" alt="Image">
                                <div class="review_content">
                                    <p>我们深知，只有当您感到快乐和满意时，我们的使命才算完成。因此，我们以真诚的态度和细致的关怀为您提供个性化的解决方案，确保您在每一个交互中都能感受到独特的价值和贴心的关怀。
                                    </p>
                                    <div class="review_rating">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star-o" aria-hidden="true"></i>
                                    </div>
                                    <div class="review_author">William Whiten, Greece</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ========== PLACES ========== -->
        <section id="places">
            <div class="container">
                <div class="main_title mt_wave a_center">
                    <h2>发现传统</h2>
                </div>
                <p class="main_description a_center" style="text-align: justify !important;">
                    发现传统，就像是追寻一段已逝的岁月。在这个飞速发展的世界里，传统承载着历史的厚重与智慧的积淀。它是我们与前辈们相连的纽带，是我们根基的一部分。传统不仅仅是一种文化的传承，更是一种生活的方式和价值的体现。无论是家庭聚会、传统节日还是古老手艺的传承，传统都在我们生活中发挥着独特而珍贵的作用。它不仅让我们感受到历史的沉淀和文化的独特魅力，更为我们提供了一种凝聚力和归属感。虽然现代社会正在不断发展和改变，但我们从不忘记传统的重要性。我们以发现传统为己任，努力探寻那些被遗忘的传统，让它们重新焕发光彩。因为只有传统的传承，我们才能更好地了解自己的根源，塑造未来的方向。发现传统，让我们与过去相连，引领着我们走向未来的新征程。
                </p>
                <div class="row">
                    <!-- ITEM -->
                    <div class="col-md-3 col-sm-3">
                        <div class="places_item">
                            <a href="place-details.php">
                                <img src="images/places/place1.jpg" class="img-responsive" alt="Image">
                                <div class="place_name">
                                    <h2>扎金索斯</h2>
                                </div>
                            </a>
                        </div>
                    </div>
                    <!-- ITEM -->
                    <div class="col-md-6 col-sm-6">
                        <div class="places_item">
                            <a href="place-details.php">
                                <img src="images/places/place2.jpg" class="img-responsive" alt="Image">
                                <div class="place_name">
                                    <h2> 扎金索斯岛</h2>
                                </div>
                            </a>
                        </div>
                    </div>
                    <!-- ITEM -->
                    <div class="col-md-3 col-sm-3">
                        <div class="places_item">
                            <a href="place-details.php">
                                <img src="images/places/place3.jpg" class="img-responsive" alt="Image">
                                <div class="place_name">
                                    <h2>圣托里尼</h2>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <!-- ITEM -->
                    <div class="col-md-3 col-sm-3">
                        <div class="places_item">
                            <a href="place-details.php">
                                <img src="images/places/place4.jpg" class="img-responsive" alt="Image">
                                <div class="place_name">
                                    <h2>卫城</h2>
                                </div>
                            </a>
                        </div>
                    </div>
                    <!-- ITEM -->
                    <div class="col-md-3 col-sm-3">
                        <div class="places_item">
                            <a href="place-details.php">
                                <img src="images/places/place5.jpg" class="img-responsive" alt="Image">
                                <div class="place_name">
                                    <h2>中国</h2>
                                </div>
                            </a>
                        </div>
                    </div>
                    <!-- ITEM -->
                    <div class="col-md-3 col-sm-3">
                        <div class="places_item">
                            <a href="place-details.php">
                                <img src="images/places/place6.jpg" class="img-responsive" alt="Image">
                                <div class="place_name">
                                    <h2>西安</h2>
                                </div>
                            </a>
                        </div>
                    </div>
                    <!-- ITEM -->
                    <div class="col-md-3 col-sm-3">
                        <div class="places_item">
                            <a href="place-details.php">
                                <img src="images/places/place7.jpg" class="img-responsive" alt="Image">
                                <div class="place_name">
                                    <h2>长城</h2>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ========== CONTACT ========== -->
        <section class="white_bg" id="contact">
            <div class="container">
                <div class="main_title mt_wave a_center">
                    <h2>位置-联系我们</h2>
                </div>
                <p class="main_description a_center" style="text-align: justify !important;">
                    在我们的联系我们页面，我们欢迎您与我们一同发现传统的美妙。我们深知传统的重要性，因此我们不仅仅提供了优质的产品和服务，更致力于传承和弘扬传统文化。</p>
                <div class="row">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="contact-items">
                                <div class="col-md-4 col-sm-4">
                                    <div class="contact-item">
                                        <i class="glyphicon glyphicon-map-marker"></i>
                                        <h6>苏州</h6>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4">
                                    <div class="contact-item">
                                        <i class="glyphicon glyphicon-phone-alt"></i>
                                        <h6> +86-153-033-038</h6>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4">
                                    <div class="contact-item">
                                        <i class="fa fa-envelope"></i>
                                        <h6>contact@site.com</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <form id="contact-form" name="contact-form" class="inner">
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <input class="form-control" name="name" placeholder="您的姓名" type="text">
                                </div>
                                <div class="form-group col-md-6">
                                    <input class="form-control" name="phone" type="text" placeholder="您的电话号码">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <input class="form-control" name="email" placeholder="您的电子邮件" type="email">
                                </div>
                                <div class="form-group col-md-6">
                                    <div class="form_select">
                                        <select id="booking-roomtype" name="booking-roomtype" class="form-control" title="选择房间类型" data-header="房间">
                                            <option value="单人间">单人间</option>
                                            <option value="双人间">双人间</option>
                                            <option value="豪华大床房">豪华大床房</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <div class="col-sm-3" style="margin-top: 10px;">
                                        <label for="inputDate3" class="col-form-label">入住时间</label>
                                    </div>
                                    <div class="col-sm-9" style="padding: 0;">
                                        <input type="date" class="form-control" id="inputDate3" name="checkin_at2">
                                    </div>
                                </div>
                                <div class="form-group col-md-6">
                                    <div class="col-sm-3" style="margin-top: 10px; ">
                                        <label for="inputDate4" class="col-form-label">离开时间</label>
                                    </div>
                                    <div class="col-sm-9" style="padding: 0;">
                                        <input type="date" class="form-control" id="inputDate4" name="checkout_at2">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <textarea class="form-control" name="message" placeholder="您的留言将是我们改进的最大动力..."></textarea>
                            </div>
                            <button class="button btn_lg btn_blue btn_full upper" type="submit"><i class="fa fa-location-arrow"></i>发送消息</button>
                        </form>

                    </div>
                </div>
            </div>
        </section>

        <!-- ========== FOOTER ========== -->
        <footer>
            <div class="inner">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-6 widget">
                            <div class="about">
                                <a href="index.php"><img class="logo" src="images/logo.svg" height="32" alt="Logo"></a>
                                <p>“绿树掩映，清风拂面，尽享雅致之旅。欢迎莅临我们的酒店，体验至臻奢华与无与伦比的服务。让我们将您的每一个细节需求化为巧夺天工的菁华。</p>
                                <p>为您营造一个温馨、舒适的家外之家。无论是商务旅行还是休闲度假，我们的酒店始终以您的满意为首要目标。</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 widget">
                            <h5>最新消息</h5>
                            <ul class="blog_posts">
                                <li><a href="blog-post.php">在希腊活出你的神话</a> <small>AUGUST 13, 2017</small>
                                </li>
                                <li><a href="blog-post.php">青云庭院图片</a> <small>AUGUST 16, 2017</small>
                                </li>
                                <li><a href="blog-post.php">青云庭院家庭聚会</a> <small>SEPTEMBER 15,
                                        2017</small></li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-sm-6 widget">
                            <h5>相关链接</h5>
                            <ul class="useful_links">
                                <li><a href="#">关于我们</a></li>
                                <li><a href="#">联系我们</a></li>
                                <li><a href="#">历史</a></li>
                                <li><a href="#">图库</a></li>
                                <li><a href="#">位置</a></li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-sm-6 widget">
                            <h5>联系我们</h5>
                            <address>
                                <ul class="address_details">
                                    <li><i class="glyphicon glyphicon-map-marker"></i> 25, Navagio Zakynthos， 希腊
                                    </li>
                                    <li><i class="glyphicon glyphicon-phone-alt"></i> Phone: +86-153-033-038 </li>
                                    <li><i class="fa fa-fax"></i> Fax: 800 123 3456</li>
                                    <li><i class="fa fa-envelope"></i> Email: <a href="mailto:info@site.com">contact@site.com</a></li>
                                </ul>
                            </address>
                        </div>
                    </div>
                </div>
            </div>
            <div class="subfooter">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="copyrights">
                                Copyright &copy; 2023.Company name All rights reserved
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="social_media">
                                <a class="facebook" data-original-title="Facebook" data-toggle="tooltip" href="#"><i class="fa fa-facebook"></i></a>
                                <a class="twitter" data-original-title="Twitter" data-toggle="tooltip" href="#"><i class="fa fa-twitter"></i></a>
                                <a class="googleplus" data-original-title="Google Plus" data-toggle="tooltip" href="#"><i class="fa fa-google-plus"></i></a>
                                <a class="pinterest" data-original-title="Pinterest" data-toggle="tooltip" href="#"><i class="fa fa-pinterest"></i></a>
                                <a class="linkedin" data-original-title="Linkedin" data-toggle="tooltip" href="#"><i class="fa fa-linkedin"></i></a>
                                <a class="instagram" data-original-title="Instagram" data-toggle="tooltip" href="#"><i class="fa fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>

    </div>

    <!-- ========== BACK TO TOP ========== -->
    <div id="back_to_top">
        <i class="fa fa-angle-up" aria-hidden="true"></i>
    </div>

    <!-- ========== NOTIFICATION ========== -->
    <div id="notification"></div>

    <!-- ========== JAVASCRIPT ========== -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script src="js/jquery-3.5.1.min.js"></script>
    <!-- <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> -->
    <!---<script type="text/javascript" src="http://ditu.google.cn/maps/api/js?key=AIzaSyBDgMJEPio2qomUKV1iqlIufj4u2NVd3q4"></script>--->
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/bootstrap-datepicker.js"></script>
    <!-- <script type="text/javascript" src="js/bootstrap-datepicker.min.js"></script> -->
    <script type="text/javascript" src="js/bootstrap-select.min.js"></script>
    <script type="text/javascript" src="js/jquery.smoothState.js"></script>
    <script type="text/javascript" src="js/moment.min.js"></script>
    <script type="text/javascript" src="js/morphext.min.js"></script>
    <script type="text/javascript" src="js/wow.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.min.js"></script>
    <script type="text/javascript" src="js/owl.carousel.min.js"></script>
    <script type="text/javascript" src="js/owl.carousel.thumbs.min.js"></script>
    <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
    <script type="text/javascript" src="js/jPushMenu.js"></script>
    <script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
    <script type="text/javascript" src="js/countUp.min.js"></script>
    <script type="text/javascript" src="js/jquery.countdown.min.js"></script>
    <!-- 自己写的js代码 -->
    <script type="text/javascript" src="js/index.js.js"></script>
    <script type="text/javascript" src="js/main.js"></script>


    <!-- ========== REVOLUTION SLIDER ========== -->
    <script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
    <script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>

</body>




</html>